import React,{useState,useEffect} from 'react'
import './Css/Real_time_data.css'
export default function Real_time_data() {
  return (
    <div className='Real_time_data'>
      <div className='Real_time_data_title'>
        今日实时数据
        &nbsp;&nbsp;&nbsp;&nbsp;
        <span>统计时间:2019-10-18 11:43:52</span>
      </div>
      <div className='Information' style={{display:'flex',justifyContent:'space-around',flexWrap:'wrap'}}>

        <div>
          <img src='/Static/订单.png' alt="" />
            <p style={{textAlign:'center'}}>
              <span style={{fontSize:'0.7rem',fontWeight:'700'}}>
                14
              </span>
              <p>付款订单</p>
            </p>
        </div>

        
        <div>
          <img src='/Static/金钱.png' alt="" />
            <p style={{textAlign:'center'}}>
              <span style={{fontSize:'0.7rem',fontWeight:'700'}}>
                8965.36
              </span>
              <p>付款金额（元）</p>
            </p>
        </div>

        
        <div>
          <img src='/Static/用户 人像.png' alt="" />
            <p style={{textAlign:'center'}}>
              <span style={{fontSize:'0.7rem',fontWeight:'700'}}>
                0
              </span>
              <p>活跃用户（今日）</p>
            </p>
        </div>

        
        <div>
          <img src='https://cdn7.axureshop.com/demo/1992135/images/%E8%BF%90%E8%90%A5%E7%9B%91%E6%8E%A7/u12753.svg' alt="" />
            <p style={{textAlign:'center'}}>
              <span style={{fontSize:'0.7rem',fontWeight:'700'}}>
                0.15
              </span>
              <p>转化率（%）</p>
            </p>
        </div>

        
        <div>
          <img src='https://cdn7.axureshop.com/demo/1992135/images/%E8%BF%90%E8%90%A5%E7%9B%91%E6%8E%A7/u12744.svg' alt="" />
            <p style={{textAlign:'center'}}>
              <span style={{fontSize:'0.7rem',fontWeight:'700'}}>
                6985.36
              </span>
              <p>客单价（元）</p>
            </p>
        </div>

        
        <div>
          <img src='/Static/人像.png' alt="" />
            <p style={{textAlign:'center'}}>
              <span style={{fontSize:'0.7rem',fontWeight:'700'}}>
                1
              </span>
              <p>新增用户（今日）</p>
            </p>
        </div>


       
      </div>
    </div>
  )
}
